<ion-tabs class="tabs-icon-top tabs-color-active-positive tabs-background-light">

    <!-- 首页 -->
    <ion-tab title="首页" icon-off="ion-ios-home-outline" icon-on="ion-ios-home" href="#/main/home">
        <ion-nav-view name="main-home"></ion-nav-view>
    </ion-tab>

    <!-- 朋友页面 -->
    <ion-tab title="朋友" icon-off="ion-ios-people-outline" icon-on="ion-ios-people" href="#/main/friend">
        <ion-nav-view name="main-friend"></ion-nav-view>
    </ion-tab>

    <!-- 发现页面 -->
    <ion-tab title="发现" icon-off="ion-ios-navigate-outline" icon-on="ion-ios-navigate" href="#/main/explore">
        <ion-nav-view name="main-explore"></ion-nav-view>
    </ion-tab>

    <!-- 我的页面 -->
    <ion-tab title="我的" icon-off="ion-ios-person-outline" icon-on="ion-ios-person" href="#/main/me">
        <ion-nav-view name="main-me"></ion-nav-view>
    </ion-tab>


</ion-tabs>
